<footer>
  <div class="container" *ngIf="homeConfig">
    <div class="navbar-default">
      <button type="button" class="navbar-toggle collapsed" (click)="photo_nav_show=!photo_nav_show">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
    </div>
    <ul class="about" [class.show-about]="photo_nav_show">
      <li>
        <div class="about-item">
          <h4>浙江宝信</h4>
          <a routerLink="about">公司介绍</a>
        </div>
      </li>
      <li>
        <div class="about-item">
          <h4>小程序制作</h4>
          <a routerLink="make">找案例</a>
        </div>
      </li>
      <li class="contact">
        <div class="about-item text-left">
          <h4>服务热线</h4>
          <div class="contact-list">
            <span class="inline">
              电话<br>
              {{homeConfig.tel}}
            </span>
            <span class="inline">
              时间<br>
              {{homeConfig.open_time}}
            </span>
            <span class="inline">
              邮箱<br>
              {{homeConfig.email}}
            </span>
          </div>
        </div>
      </li>
      <li>
        <div class="about-item">
          <div class="qc-code">
            <img src="{{aliyunOssOutputUrl + '/' + homeConfig.weichat_ewm}}" alt="">
          </div>
          <p class="color-gray">{{homeConfig.weichat_ewm_desc}}</p>
        </div>
      </li>
      <li>
        <div class="about-item">
          <h4>广告投放业务</h4>
            <a href="http://www.bosinlife.com/" target="_blank">支付后广告投放</a>
          <a href="http://www.bosinlife.com/case.html" target="_blank">广告投放案例</a>
        </div>
      </li>
    </ul>
    <div class="company-warp">
      <h4>{{homeConfig.company_name}}</h4>
      <p>{{homeConfig.adress}}</p>
      <p class="company-copyright">{{homeConfig.copyright}}</p>
    </div>
  </div>
</footer>
